import '../css/style.css';
import '../css/demo.less'

import '../css/image.css'

import '../font/iconfont.css'

//因为路径问题 需要把图片当成模块使用
import image from '../img/zrn2.png';

function component() {
    const ele = document.createElement('div');

    ele.innerHTML = ['hello', 'webpack'].join(" ");
    ele.className = 'content';

    return ele
}

//背景图片
const BaG = document.createElement('div');
BaG.className = 'image_bg';

//添加图片
const IMAGE = new Image();
IMAGE.src = image;
IMAGE.style.width = 200 + 'px';
IMAGE.style.height = 200 + 'px';

//字体
const iEl = document.createElement('i')
iEl.className = 'iconfont icon-ashbin';

document.body.appendChild(component());
document.body.appendChild(BaG);
document.body.appendChild(IMAGE);
document.body.appendChild(iEl);